/*
Theme Name: Seal Script
Theme URI: http://www.sxnsx.com/seal-script
Description: A WordPress theme in seal cutting art and traditional Chinese painting style. Use old paper texture as background to make reading easier.
Version: 0.1
Author: Shellex Well
Author URI: http://www.sxnsx.com/
Tags: old paper texture, fixed width, two columns, ajax

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php

 */

#sx-loading{
    z-index:10;
    position:fixed !important;
    position:absolute; /* I hate IE6 */
    left:0;
    top:0;
    padding:5px 9px;
    background-color:#c44;
    color:#fff;
}
#search_engine_box {
    background-color:white;
    border:1px solid #CCCCCC;
    bottom:0;
    position:fixed;
    right:0;
    text-align:left;
    width:240px;
}

#search_engine_box h2 {
    background-color:#AA0101;
    color:white;
    font-size:12px;
    font-weight:normal;
    padding:5px;
}

body {
    background:transparent url('imgs/bg-title.jpg') repeat-x scroll 0 0;
    font-size : 12px;
    font-family : arial, sans-serif;
    line-height: 18px;
    background-color: #FAFAF3;
    margin:0px;
}

p {
    margin-top: 18px;
    padding: 0px;
}

.navigation {
    margin-top: 5px;
}

.alignright {
    float: right;
}

.alignleft {
    float: left;
}


.byline-timestamp {
    margin: 0;
    padding: 0;
    font-size: 84%;
    color: #666666;
}

.byline-author {
    margin: 0;
    padding: 0;
    font-size: 100%;
    color: #666666;
}	

.post {
    border-bottom:1px dotted #BBB7A5;
    padding: 1em 0 1em 0;
    margin: 0;
    font-size: 12px;
    font-family: verdana,arial;
    line-height: 18px;
}

.post a:hover img {
    background:#FFFF99 none repeat scroll 0 0;
    border:1px solid #D8D5C5;
    padding:3px;
}

.post img {
    background:transparent none repeat scroll 0 0 ;
    border:1px solid #D8D5C5;
    padding:3px;
    margin:5px;
}

.post-meta-wrapper {
    margin-top: 5px;
    margin-bottom: 5px;
}
div.postmeta {
    -moz-border-radius-bottomleft:3px;
    -moz-border-radius-bottomright:3px;
    -moz-border-radius-topleft:3px;
    -moz-border-radius-topright:3px;
    font-size:10px;
    height:16px;
    padding:5px 5px 6px;
}
div.label_base {
    -moz-border-radius-bottomleft:3px;
    -moz-border-radius-bottomright:3px;
    -moz-border-radius-topleft:3px;
    -moz-border-radius-topright:3px;
    background-color:#FFEBBB;
    font-size:10px;
    line-height:14px;
    margin-right:5px;
    padding:2px 5px 1px;

}

div.label_tags {
    float:left;
}
div.label_comments {
    float:right;
}
div.label_license {
    background:#FFEBBB url(imgs/icons/s/cc.png) no-repeat scroll 0 2px;
    float:right;
    padding:2px 5px 1px 18px;
}
.post-nav-mini {
    border-left:1px dotted #BBB7A5;
    float:right;
    font-size:12px;
    margin:-55px 0 5px 5px;
    padding-top:6px;
    width:245px;
}

#page-nav {
    float: right;
    margin-right: 30px;
    width:955px;
}

#page-nav ul{
    margin: 0px;
    float: right;
}

#page-nav ul li{
    margin-left: 10px;
    float: left;
    list-style: none;
}

#page-nav li a {
    position: relative; overflow: hidden;
    text-decoration: none;
    font: bold 14px arial;
    outline: none;
    text-align: center;
    height: 30px; top: 7px;
    float: left;
    display: block;
    margin: auto 10px;

}
#page-nav ul li a:hover {
    background:transparent none;
    color: #000;
}


#sidebar {
    background:transparent none repeat scroll 0 0;
    padding:0 20px 0;
}

#sidebar ul {
    list-style-type:none;
    margin-bottom:5px;
    padding-left: 5px;
}

#sidebar li {
    font-size:12px;
    margin-bottom:2px;
    padding-left:5px;
}
#sidebar li a {
    color: #666;
    text-decoration:none;
}

#sidebar li a:hover {
    background-color:#FFFFCC;
    text-decoration:underline;
    color: #000;
}

#sidebar-wrapper {
    margin-top:40px;
    padding:0 0;
    float:right;
    width:260px;
}

#content {
    float:left;
    width:630px;
}

#container {
    width:955px;
    margin-left: auto;
    margin-right: auto;
}

#out-wrapper{
    background:transparent url('imgs/bg.jpg') no-repeat scroll 0 0;
    margin-top: -1px;
    /*padding:0 0 0 74px;*/
    width:100%;
}

.comment p {
    margin-top: 18px;
    margin-left:20px;
}
.comment {
    -moz-border-radius-bottomleft:5px;
    -moz-border-radius-bottomright:5px;
    -moz-border-radius-topleft:5px;
    -moz-border-radius-topright:5px;
    border:1px solid #DDDDDD;
    background-color:#FFFFFF;
    margin:6px 3px 3px;
    padding:4px;
    position:relative;
}

#addcomment {
    width:684px;
}

#addcomment textarea {
    margin-left:20px;
    width:90%;
}

.clearfix {
    display:block;
    clear: both;
}

#footer {
    font-size:12px;
    margin-top:25px;
    margin-left: auto;
    margin-right: auto;
    overflow:hidden;
    padding:15px 3%;
    clear:both;
}


a {
    color:#666;
    text-decoration:none;
}

.entry a[target~="_blank"] {
    background-image:url(imgs/icons/s/external_link.png);
    background-position:right top;
    background-repeat:no-repeat;
    padding-right:15px;
}
a.iconleft {
    background-position:left top;
    background-repeat:no-repeat;
    padding-left:20px;
}
a.alert {
    background-image:url(imgs/icons/s/alert.png);
}
a.app {
    background-image:url(imgs/icons/s/app_link.png);
}
a.doc {
    background-image:url(imgs/icons/s/doc.png);
}
a.email {
    background-image:url(imgs/icons/s/email.png);
}
a.feed {
    background-image:url(imgs/icons/s/feed_link.png);
}
a.info {
    background-image:url(imgs/icons/s/info.png);
}
a.package {
    background-image:url(imgs/icons/s/package_link.png);
}
a.page {
    background-image:url(imgs/icons/s/page.png);
}
a.pdf {
    background-image:url(imgs/icons/s/pdf.png);
}
a.pic {
    background-image:url(imgs/icons/s/picture_link.png);
}

a.plugin {
    background-image:url(imgs/icons/s/plugin_link.png);
}

a.script {
    background-image:url(imgs/icons/s/script.png);
}


a:hover {
    background-color:#FFFFCC;
    text-decoration:underline;
    color: #000; 
}
h2 {
    color: #000;
    font-size:14px;
}

h2 a {
    color: #000;
    font-size:14px;
    margin-bottom:20px;
    text-transform:uppercase;
    text-decoration:none;
}

h2 a:hover {
    border-bottom: 1px dotted #000;
    text-decoration:none;
}

h1 a:hover {
    background:transparent url(imgs/logo-title.png) no-repeat scroll 0 0;
}
h1 a {
    background:transparent url(imgs/logo-title.png) no-repeat scroll 0 0;
    padding-bottom:0;
    display:block;
    height:140px;
    width: 420px;
}

h1 a span {
    display:none;
}

h3 {
    font-weight: bold;
    font-size: 14px;
    padding: 3px 0 .5em 0;
    margin: 0;
    color:#000000;
}

h4 {
    font-weight: bold;
    padding: 0;
    margin: 0 0 .5em 0;
}

.button, .button-secondary, .submit input, input[type="button"], input[type="submit"] {
    -moz-border-radius-bottomleft:11px;
    -moz-border-radius-bottomright:11px;
    -moz-border-radius-topleft:11px;
    -moz-border-radius-topright:11px;
    -moz-box-sizing:content-box;
    border-style:solid;
    border-width:1px;
    cursor:pointer;
    font-size:12px !important;
    line-height:18px;
    padding:2px 8px;
    text-decoration:none;
}

.button:hover, .button-secondary:hover, .submit input:hover, input[type="button"]:hover, input[type="submit"]:hover {
    border-color:#666666;
    color:#000000;
}

.button, .button-secondary, .submit input, input[type="button"], input[type="submit"] {
    background:#F2F2F2 url('imgs/white-grad.png') repeat-x scroll left top;
    border-color:#BBBBBB;
    color:#464646;
}

textarea {
    -moz-box-sizing:border-box;
    border:0 none;
    outline-color:-moz-use-text-color;
    outline-style:none;
    outline-width:medium;
    padding:0;
    width:99%;
}

input[type="text"], textarea{
    border-style:solid;
    border-width:1px;
    border-color:#DFDFDF;
}


/*Certifies buttons*/
#sidebar a.button-xhtml {
    background:transparent url('imgs/buttons/xhtml.png') no-repeat scroll 0 0;
    height:16px;
    width: 80px;
}

#sidebar a.button-css {
    background:transparent url('imgs/buttons/css.png') no-repeat scroll 0 0;
    height:16px;
    width: 80px;
}

#sidebar a.button-cc {
    background:transparent url('imgs/buttons/cc.png') no-repeat scroll 0 0;
    height:16px;
    width: 80px;
}

#sidebar a.button-firefox {
    background:transparent url('imgs/buttons/firefox.png') no-repeat scroll 0 0;
    height:16px;
    width: 80px;
}

#sidebar a.button-icp {
    background:transparent url('imgs/buttons/icp-08101112.png') no-repeat scroll 0 0;
    height:16px;
    width: 80px;
}

/*Support buttons*/
#sidebar a.button-gimp {
    background:transparent url('imgs/buttons/gimp.png') no-repeat scroll 0 0;
    height:16px;
    width: 80px;
}

#sidebar a.button-inkscape {
    background:transparent url('imgs/buttons/inkscape.png') no-repeat scroll 0 0;
    height:16px;
    width: 80px;
}
#sidebar a.button-vim {
    background:transparent url('imgs/buttons/vim.png') no-repeat scroll 0 0;
    height:16px;
    width: 80px;
}
#sidebar a.button-ubuntu {
    background:transparent url('imgs/buttons/ubuntu-linux.png') no-repeat scroll 0 0;
    height:16px;
    width: 80px;
}

#sidebar a.button-seal-script-wp {
    background:transparent url('imgs/buttons/seal-script-wp.png') no-repeat scroll 0 0;
    height:16px;
    width: 80px;
}

#sidebar .lang-list{
    height: 32px;
}

#sidebar .lang-list li{
    list-style-type:none;
    float: left;
}

#sidebar a.lang-zh-cn{
    display:block;
    height:19px;
    width: 36px;
    background:transparent url('imgs/flags/china-flag.png') no-repeat scroll 0 0;
}

#sidebar a.lang-en-us{
    display:block;
    height:19px;
    width: 36px;
    background:transparent url('imgs/flags/usa-flag.png') no-repeat scroll 0 0;
}
